html,body{
    width: 100%;
    height: 100%;
}
.outContainer{
    width: 100%;
    height: 100%;   
}
.outContainer .leftC{
    width: 60%;
    height: 100%;
    background-color: #1ca8ef;
}
.outContainer .leftC img{ 
    width: 100%;   
}
.outContainer .rightC{
    position: relative;
    width: 40%;
    text-align: center;
}
.outContainer .rightC .modal{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    margin-top: 50px;
}
.outContainer .rightC .contentList1{
    position: relative;
}
.outContainer .rightC .contentList1 >p{
    position: relative;
}
.outContainer .rightC .contentList1 >p i{
    left: 345px;
}
.outContainer .rightC .contentList1 input{
    padding-right:27px;
}
.outContainer .rightC .contentList1 img{
    position: absolute;
    top: 32px;
    right: 2px;
    display: none;
}
.outContainer .contentList1 .errInfo{
    display: none;
    position: absolute;
    top: 73px;
    left: 118px;
    width: 120px;
    line-height: 100px;
    color: #fff;
    background-color: rgb(177, 171, 171);
}
.outContainer .rightC .contentList2>p{
    margin-left: 35px;
}